import Link from "next/link";
import { Separator } from "@/components/ui/separator";

export default function Footer() {
  return (
    <div className="h-32 w-full flex justify-center text-muted-foreground">
      <div className="h-8 w-full flex justify-center items-center gap-4">
        <Link
          href="/help-center"
          className="hover:underline hover:underline-offset-4 hover:text-primary"
        >
          Help Center
        </Link>
        <div className="h-4">
          <Separator orientation="vertical" />
        </div>
        <Link
          href="/about"
          className="hover:underline hover:underline-offset-4 hover:text-primary"
        >
          About
        </Link>
      </div>
    </div>
  );
}
